<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="security"
	uri="http://www.springframework.org/security/tags"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>My Spring MVC Application</title>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="<c:url value="/resources/js/modernizr-1.7.min.js" />"></script>



<link rel="stylesheet" href="<c:url value="/resources/css/reset.css" />"
	type="text/css" media="screen" />
<link rel="stylesheet" href="<c:url value="/resources/css/css3.css" />"
	type="text/css" media="screen" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/general.css" />" type="text/css"
	media="screen" />
<link rel="stylesheet" href="<c:url value="/resources/css/grid.css" />"
	type="text/css" media="screen" />
<!-- the following style is for demonstartion purposes only and is not needed for anything but inspiration -->
<style>
header {
	padding-top: 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

header .logo {
	font-size: 3.52em;
}

header nav ul li {
	float: left;
	margin-top: 12px;
}

header nav ul li a {
	display: block;
	padding: 5px 15px;
	border-right: 1px solid #eee;
	font-size: 1.52em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

header nav ul li a:hover {
	background-color: #eee;
	border-right: 1px solid #ccc;
	text-shadow: -1px -1px 0px #fff;
}

header nav ul li.last a {
	border-right: none;
}

#styled {
	margin-top: 20px;
}

.group {
	padding: 5px;
	background-color: #eee;
	border: 1px dashed #ccc;
	list-style: none;
	margin: 0px;
	margin-bottom: 5px;
}

.group a {
	font-size: 1.2em;
}

.group p {
	margin-bottom: 5px;
}

.group li {
	margin-bottom: 5px;
}

#css3 div>div {
	margin: 0px 0px 50px 0px;
	padding: 6px;
	border: 1px solid #eee;
}

#grid div {
	text-align: center;
}

#grid div>.col {
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
	outline: 1px solid #eee;
}

h2 {
	border-bottom: 1px dashed #ccc;
	margin-top: 15px;
}

.documentation {
	display: block;
	background-color: #eee;
	padding: 6px 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-align: right;
	text-shadow: -1px -1px 0px #fff;
}

footer {
	text-align: center;
	color: #666;
	font-size: 0.9em;
	padding: 4px 0px;
}

.report_bugs {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	left: -45px;
	top: 200px;
	background-color: #f00;
	color: #fff;
	z-index: 99;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3 );
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 2px 5px;
}
</style>
<!--[if IE]> <style> .report_bugs {left:0px;} </style>	<![endif]-->
</head>
<body>
	<div class="row">
		<header>
			<div class="logo col_7 col"><a href="<c:url value='/'/>">Football Tweets</a></div>
			
			<!-- logo col_7 -->
			<nav class="col_9 col">
				<tiles:insertAttribute name="header" defaultValue="" />
			</nav>
			<!-- nav col_9 -->
			<div class="clear"></div>
			<!-- clear -->
		</header>
	</div>
	<!-- this section shows you most of the styled elements from the general stylesheet -->
	<section class="row" id="styled">
		<div class="col_16 col">
			<tiles:insertAttribute name="body" defaultValue="" />
		</div>
	</section>
	<footer class="row">
		<tiles:insertAttribute name="footer" defaultValue="" />
	</footer>
</body>
</html>
